<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="keywords" content="能量逗,卡牌教具,益智桌游,亲子,复旦教授,沈奕斐,游戏化教育,快乐教育">
    <meta name="description" content="能量逗益智家庭卡牌教具,是由复旦大学沈奕斐教授历时多年开发,能量逗主张用游戏化的教育方式,提升家庭教育品质,给予父母能量,让孩子能够快乐成长">
    <meta name="author" content="上海楚灵文化传播有限公司">
    <link rel="icon" href="<?php echo $docroot;?>/favicon.ico">

    <title>能量逗_<?php echo $title;?>_家庭亲子益智桌游_卡牌教具_游戏化教育</title>

    <link href="<?php echo $docroot;?>/html/css/bootstrap.3.3.7/bootstrap.min.css" rel="stylesheet">
    <link href="<?php echo $docroot;?>/html/css/common.css" rel="stylesheet">
    <style>
        nav.menulist a{color: #5a5a5a;}
        nav.menulist a.status-active{background-color: #65af41;color: #fff;}
        nav.menulist .sublist a{font-size: 12px;padding: 5px 30px;}
        .man-img{padding: 0;}
    </style>
</head>
<body>
<div class="content-header" style="position: absolute;top: 0;left: 0;width: 100%;height: auto;">
    <nav class="navbar navbar-static-top" style="margin: 0;background: linear-gradient(135deg, rgba(239,245,112,1) 0%, rgba(101,175,65,1) 100%)">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar nav-fold-btn bg-white"></span>
                    <span class="icon-bar nav-fold-btn bg-white"></span>
                    <span class="icon-bar nav-fold-btn bg-white"></span>
                </button>
                <a class="navbar-brand" href="<?php echo $docroot;?>/index.php/home"><img src="<?php echo $docroot;?>/html/img/nldou-logo-long.jpg" style="height: 40px;margin: -10px 0;"></a>
            </div>
            <div id="navbar" class="navbar-collapse collapse">
                <ul class="nav navbar-nav navbar-right">
                    <li class="nav-fold-btn"><a href="<?php echo $docroot;?>/index.php/home">首页</a></li>
                    <li id="nav-ability-item"><a href="#">卡牌家族</a></li>
                    <li class="nav-fold-btn"><a href="<?php echo $docroot;?>/index.php/doc/contact">联系我们</a></li>
                    <li class="dropdown" id="nav-company-item">
                        <a href="#" role="button" aria-haspopup="true" aria-expanded="false" class="hidden-xs">了解能量逗</a>
                        <a href="#" role="button" aria-haspopup="true" aria-expanded="false" class="visible-xs-block">产品介绍</a>
                        <ul class="dropdown-menu">
                            <li>
                                <a href="<?php echo $docroot;?>/index.php/doc/founder" class="hidden-xs">创始人</a>
                            </li>
                            <li>
                                <a href="<?php echo $docroot;?>/index.php/doc/hardfun" class="hidden-xs">游戏化教育</a>
                            </li>
                            <li>
                                <a href="<?php echo $docroot;?>/index.php/doc/world" class="hidden-xs">国际化</a>
                            </li>
                            <li>
                                <a href="<?php echo $docroot;?>/index.php/doc/product/tudou" class="color-white visible-xs-block">土豆快跑</a>
                            </li>
                            <li>
                                <a href="<?php echo $docroot;?>/index.php/doc/product/rainbowpark" class="color-white visible-xs-block">彩虹乐园</a>
                            </li>
                            <li>
                                <a href="<?php echo $docroot;?>/index.php/doc/product/doudouteam" class="color-white visible-xs-block">逗逗小分队</a>
                            </li>
                            <li>
                                <a href="<?php echo $docroot;?>/index.php/doc/product/getten" class="color-white visible-xs-block">加10赛</a>
                            </li>
                            <li>
                                <a href="<?php echo $docroot;?>/index.php/doc/product/duckfarm" class="color-white visible-xs-block">小鸭农场</a>
                            </li>
                            <li>
                                <a href="<?php echo $docroot;?>/index.php/doc/product/rabbitfamily" class="color-white visible-xs-block">小兔一家亲</a>
                            </li>
                            <li>
                                <a href="<?php echo $docroot;?>/index.php/doc/product/linkfun" class="color-white visible-xs-block">分类连连看</a>
                            </li>
                            <li>
                                <a href="<?php echo $docroot;?>/index.php/doc/product/miao" class="color-white visible-xs-block">寻找喵喵</a>
                            </li>
                            <li>
                                <a href="<?php echo $docroot;?>/index.php/doc/product/imglink" class="color-white visible-xs-block">图形接龙</a>
                            </li>
                            <li>
                                <a href="<?php echo $docroot;?>/index.php/doc/product/face" class="color-white visible-xs-block">表情帝</a>
                            </li>
                            <li>
                                <a href="<?php echo $docroot;?>/index.php/doc/product/kring" class="color-white visible-xs-block">指环王</a>
                            </li>
                            <li>
                                <a href="<?php echo $docroot;?>/index.php/doc/product/gogobang" class="color-white visible-xs-block">GoGo碰</a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
    <div class="container-fluid" id="nav-ability-wrapper" style="min-height: 50px;background: #fff;position: relative;top: -500px;width: 100%;z-index: 10;">
        <div class="row" style="padding: 10px 15px;">
            <a href="<?php echo $docroot;?>/index.php/product/yxxj">
                <div class="col-xs-4 col-md-2 flex-column flex-align-center flex-justify-center product1" style="opacity: 0;transform: translateX(50px);">
                    <img src="<?php echo $docroot;?>/html/img/yxxj.png" style="height: 80px;">
                    <span style="margin: 5px 0;">幼小衔接</span>
                </div>
            </a>
            <a href="<?php echo $docroot;?>/index.php/product/focus">
                <div class="col-xs-4 col-md-2 flex-column flex-align-center flex-justify-center product2" style="opacity: 0;transform: translateX(40px);">
                    <img src="<?php echo $docroot;?>/html/img/zzl.png" style="height: 80px;">
                    <span style="margin: 5px 0;">玩转专注力</span>
                </div>
            </a>
            <a href="<?php echo $docroot;?>/index.php/product/math">
                <div class="col-xs-4 col-md-2 flex-column flex-align-center flex-justify-center product3" style="opacity: 0;transform: translateX(30px);">
                    <img src="<?php echo $docroot;?>/html/img/sx.png" style="height: 80px;">
                    <span style="margin: 5px 0;">玩转数学</span>
                </div>
            </a>
            <a href="<?php echo $docroot;?>/index.php/product/logic">
                <div class="col-xs-4 col-md-2 flex-column flex-align-center flex-justify-center product4" style="opacity: 0;transform: translateX(20px);">
                    <img src="<?php echo $docroot;?>/html/img/lj.png" style="height: 80px;">
                    <span style="margin: 5px 0;">玩转逻辑</span>
                </div>
            </a>
            <a href="<?php echo $docroot;?>/index.php/product/observe">
                <div class="col-xs-4 col-md-2 flex-column flex-align-center flex-justify-center product5" style="opacity: 0;transform: translateX(10px);">
                    <img src="<?php echo $docroot;?>/html/img/gc.png" style="height: 80px;">
                    <span style="margin: 5px 0;">玩转观察力</span>
                </div>
            </a>
        </div>
    </div>
</div>

<div class="container" style="margin-top: 60px;">
    <div class="row">
        <div class="col-md-2">
            <nav class="hidden-print hidden-xs hidden-sm menulist affix" style="">
                <ul class="nav">
                    <li class="">
                        <a href="#founder">公司介绍</a>
                        <ul class="nav sublist">
                            <li><a href="<?php echo $docroot;?>/index.php/doc/founder">创始人</a></li>
                            <li><a href="<?php echo $docroot;?>/index.php/doc/hardfun">游戏化教育</a></li>
                            <li><a href="<?php echo $docroot;?>/index.php/doc/world">国际化</a></li>
                        </ul>
                    </li>
                    <li class="">
                        <a href="#products">产品介绍</a>
                        <ul class="nav sublist">
                            <li><a class="<?php if ($type==="tudou"):?>status-active<?php endif;?>" href="<?php echo $docroot;?>/index.php/doc/product/tudou">土豆快跑</a></li>
                            <li><a class="<?php if ($type==="rainbowpark"):?>status-active<?php endif;?>" href="<?php echo $docroot;?>/index.php/doc/product/rainbowpark">彩虹乐园</a></li>
                            <li><a class="<?php if ($type==="doudouteam"):?>status-active<?php endif;?>" href="<?php echo $docroot;?>/index.php/doc/product/doudouteam">逗逗小分队</a></li>
                            <li><a class="<?php if ($type==="getten"):?>status-active<?php endif;?>" href="<?php echo $docroot;?>/index.php/doc/product/getten">加10赛</a></li>
                            <li><a class="<?php if ($type==="duckfarm"):?>status-active<?php endif;?>" href="<?php echo $docroot;?>/index.php/doc/product/duckfarm">小鸭农场</a></li>
                            <li><a class="<?php if ($type==="rabbitfamily"):?>status-active<?php endif;?>" href="<?php echo $docroot;?>/index.php/doc/product/rabbitfamily">小兔一家亲</a></li>
                            <li><a class="<?php if ($type==="linkfun"):?>status-active<?php endif;?>" href="<?php echo $docroot;?>/index.php/doc/product/linkfun">分类连连看</a></li>
                            <li><a class="<?php if ($type==="miao"):?>status-active<?php endif;?>" href="<?php echo $docroot;?>/index.php/doc/product/miao">寻找喵喵</a></li>
                            <li><a class="<?php if ($type==="imglink"):?>status-active<?php endif;?>" href="<?php echo $docroot;?>/index.php/doc/product/imglink">图形接龙</a></li>
                            <li><a class="<?php if ($type==="face"):?>status-active<?php endif;?>" href="<?php echo $docroot;?>/index.php/doc/product/face">表情帝</a></li>
                            <li><a class="<?php if ($type==="kring"):?>status-active<?php endif;?>" href="<?php echo $docroot;?>/index.php/doc/product/kring">指环王</a></li>
                            <li><a class="<?php if ($type==="gogobang"):?>status-active<?php endif;?>" href="<?php echo $docroot;?>/index.php/doc/product/gogobang">GoGo碰</a></li>
                        </ul>
                    </li>
                </ul>
            </nav>
        </div>
        <div class="col-md-10">
            <div class="row">
                <div id="id_video_container_<?php echo $videoid;?>" style="width:100%;height: auto;margin: 0 0 20px 0"></div>
            </div>
            <div class="row">
                <?php foreach ($imgrow1 as $img):?>
                <div class="col-lg-6 man-img"><img src="<?php echo $docroot;?>/html/img/doc_goods/<?php echo $img;?>" class="img-responsive"></div>
                <?php endforeach;?>
            </div>
            <div class="row">
                <?php if (count($imgrow2)===1):?>
                    <?php foreach ($imgrow2 as $img):?>
                        <div class="col-lg-12 man-img"><img src="<?php echo $docroot;?>/html/img/doc_goods/<?php echo $img;?>" class="img-responsive"></div>
                    <?php endforeach;?>
                <?php else:;?>
                    <?php foreach ($imgrow2 as $img):?>
                        <div class="col-lg-6 man-img"><img src="<?php echo $docroot;?>/html/img/doc_goods/<?php echo $img;?>" class="img-responsive"></div>
                    <?php endforeach;?>
                <?php endif;?>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript" charset="utf-8" src="<?php echo $docroot;?>/html/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" charset="utf-8" src="<?php echo $docroot;?>/html/js/popper.min.js"></script>
<script type="text/javascript" charset="utf-8" src="<?php echo $docroot;?>/html/js/bootstrap.min.js"></script>
<script type="text/javascript" charset="utf-8" src="<?php echo $docroot;?>/html/js/holder.min.js"></script>
<script type="text/javascript" charset="utf-8" src="<?php echo $docroot;?>/html/js/anime.min.js"></script>
<script type="text/javascript" charset="utf-8" src="<?php echo $docroot;?>/html/js/ie10-viewport-bug-workaround.js"></script>
<script type="text/javascript" charset="utf-8" src="<?php echo $docroot;?>/html/js/package/navbar.min.js"></script>
<script type="text/javascript" charset="utf-8" src="<?php echo $docroot;?>/html/js/web-detector.js"></script>
<script type="text/javascript" charset="utf-8" src="//imgcache.qq.com/open/qcloud/video/vcplayer/TcPlayer-2.2.0.js"></script>
<script type="text/javascript">
    var player;
    if (detector.device.name==="pc"||detector.device.name==="mac"){
        player = new TcPlayer('id_video_container_<?php echo $videoid;?>', {
            "mp4_hd":"<?php echo $mp4hd;?>",
            "autoplay" : false,
            "flash": false,
            "live": false,
            "width" :  '100%',
            "height" : 'auto',
            "coverpic" : {"style":"cover", "src":"<?php echo $docroot;?>/html/img/doc_goods/video_cover.jpg"}
        });
    }else{
        player = new TcPlayer('id_video_container_<?php echo $videoid;?>', {
            "mp4_hd":"<?php echo $mp4hd;?>",
            "autoplay" : false,
            "flash": false,
            "live": false,
            "controls": 'system',
            "width" :  '100%',
            "height" : 'auto'
        });
    }
</script>
</body>
</html>